<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商家订单</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no"/>
	    <meta http-equiv="Access-Control-Allow-Origin" content="*">
	    <meta http-equiv="X-UA-Compatible" content="ie=edge"/>
		<link rel="stylesheet" href="../css/base.css" />
		<link rel="stylesheet" href="../css/Merchant_order.css" />
		<script src="../js/jquery-2.2.3.min.js"></script>
		<script type="text/javascript" src="../js/rem.js"></script>
	</head>
	<body>
		<div class="header">
			<a href="javascript:history.back(-1)"><img src="../img/g_next.png" alt="" /></a>
			商家订单
		</div>
		<ul class="M_order_Nav">
			<li class="M_order_Nav_li  _Nav_li_all">全部卖单</li>
			<li class="M_order_Nav_li _Nav_li_unshipped">未发货</li>
			<li class="M_order_Nav_li _Nav_li_shipped">已发货</li>
			<li class="M_order_Nav_li _Nav_li_completed">已完成</li>
		</ul>
		<!--全部-->
		<div class="_all_list">
			<div class="list_goods">
				<p class="list_goods_title">
					<img class="g_rt" src="../img/g_rt.png" alt="" />
					<span class="name">华丽的恐怖小说</span>
					<img class="right" src="../img/icon-right.png" alt="" />
					<span class="state">买家已下单</span>
				</p>
				<div class="list_goods_details">
					<img class="map" src="../img/g_erweima.png" alt="" />
					<div class="infor">
						<p class="title">儿童大块积木桶装1-3-6周岁益智早教婴儿宝宝男女孩木头玩具</p>
						<p class="type">全部套装[68块]</p>
					</div>					
				</div>
				<p class="res">共1件商品 已付款:178.00</p>
				<input class="list_goods_btn" type="button" value="未发货" />
			</div>
			<div class="list_goods">
				<p class="list_goods_title">
					<img class="g_rt" src="../img/g_rt.png" alt="" />
					<span class="name">华丽的恐怖小说</span>
					<img class="right" src="../img/icon-right.png" alt="" />
					<span class="state">买家已下单</span>
				</p>
				<div class="list_goods_details">
					<img class="map" src="../img/g_erweima.png" alt="" />
					<div class="infor">
						<p class="title">儿童大块积木桶装1-3-6周岁益智早教婴儿宝宝男女孩木头玩具</p>
						<p class="type">全部套装[68块]</p>
					</div>					
				</div>
				<p class="res">共1件商品 已付款:178.00</p>				
				<input class="list_goods_btn" type="button" value="已发货" />
				<input class="list_goods_btn_ck" type="button" value="查看物流" />
			</div>
		</div>
		<!--未发货-->
		<div class="_unshipped_list">
			<div class="list_goods">
				<p class="list_goods_title">
					<img class="g_rt" src="../img/g_rt.png" alt="" />
					<span class="name">华丽的恐怖小说</span>
					<img class="right" src="../img/icon-right.png" alt="" />
					<span class="state">订单待发货</span>
				</p>
				<div class="list_goods_details">
					<img class="map" src="../img/g_erweima.png" alt="" />
					<div class="infor">
						<p class="title">儿童大块积木桶装1-3-6周岁益智早教婴儿宝宝男女孩木头玩具</p>
						<p class="type">全部套装[68块]</p>
					</div>					
				</div>
				<p class="res">共1件商品 已付款:178.00</p>
				<input class="list_goods_btn" type="button" value="立即发货" />
			</div>
			
		</div>
		<!--已发货-->
		<div class="_shipped_list">
			<div class="list_goods">
				<p class="list_goods_title">
					<img class="g_rt" src="../img/g_rt.png" alt="" />
					<span class="name">华丽的恐怖小说</span>
					<img class="right" src="../img/icon-right.png" alt="" />
					<span class="state">买家已下单</span>
				</p>
				<div class="list_goods_details">
					<img class="map" src="../img/g_erweima.png" alt="" />
					<div class="infor">
						<p class="title">儿童大块积木桶装1-3-6周岁益智早教婴儿宝宝男女孩木头玩具</p>
						<p class="type">全部套装[68块]</p>
					</div>					
				</div>
				<p class="res">共1件商品 已付款:178.00</p>
				<input class="list_goods_btn" type="button" value="已发货" />
				<input class="list_goods_btn_ck" type="button" value="查看物流" />
			</div>
			
		</div>
		<!--已完成-->
		<div class="_completed_list">
			<div class="list_goods">
				<p class="list_goods_title">
					<img class="g_rt" src="../img/g_rt.png" alt="" />
					<span class="name">华丽的恐怖小说</span>
					<img class="right" src="../img/icon-right.png" alt="" />
					<span class="state">订单已完成</span>
				</p>
				<div class="list_goods_details">
					<img class="map" src="../img/g_erweima.png" alt="" />
					<div class="infor">
						<p class="title">儿童大块积木桶装1-3-6周岁益智早教婴儿宝宝男女孩木头玩具</p>
						<p class="type">全部套装[68块]</p>
					</div>					
				</div>
				<p class="res">共1件商品 已付款:178.00</p>
				<input class="list_goods_btn" type="button" value="已完成" />
			</div>
			
		</div>
	</body>
	<script>
		$(function(){
			$('._Nav_li_all').click(function(){
				$(this).css('border-bottom',' 1px solid #EB4748');
				$(this).siblings().css('border-bottom',' none');
				$('._completed_list').hide();
				$('._shipped_list').hide();
				$('._unshipped_list').hide();
				$('._all_list').show();
			});
			$('._Nav_li_unshipped').click(function(){
				$(this).css('border-bottom',' 1px solid #EB4748');
				$(this).siblings().css('border-bottom',' none');
				$('._completed_list').hide();
				$('._shipped_list').hide();
				$('._unshipped_list').show();
				$('._all_list').hide();
			});
			$('._Nav_li_shipped').click(function(){
				$(this).css('border-bottom',' 1px solid #EB4748');
				$(this).siblings().css('border-bottom',' none');
				$('._completed_list').hide();
				$('._shipped_list').show();
				$('._unshipped_list').hide();
				$('._all_list').hide();
			});
			$('._Nav_li_completed').click(function(){
				$(this).css('border-bottom',' 1px solid #EB4748');
				$(this).siblings().css('border-bottom',' none');
				$('._completed_list').show();
				$('._shipped_list').hide();
				$('._unshipped_list').hide();
				$('._all_list').hide();
			});
		})
	</script>
</html>
